{% extends "base.html" %}

{% block conteudo %}
<p>Para solicitar uma reserva, é preciso ter um evento cadastrado. Para criar um evento, <a href="/private/evento/cadastrar_evento" target="__blank">clique aqui</a>.</p>
    
{% if step == 0 %}
<form action="/private/sala/solicitar_reserva" method="post" onsubmit="return checarCampos();">
    {% csrf_token%}
    <input type="hidden" name="step" value="1" />
    
    <table>
        <tr>
            <td><label for="sala">Sala</label></td>
            <td>
                <select name="sala" style="width: 600px;">
                    {% if salas %}
                        <option value="0">- Selecione -</option>
                        {% for sala in salas %}
                            <option value="{{ sala.id }}" {% if sala.id == sala_ %}selected="selected"{% endif %}>{{ sala }}</option>
                        {% endfor %}
                    {% endif %}
                </select>
            </td>
        </tr>
        <tr>
            <td><label for="dia">Dia</label></td>
            <td><input type="text" name="dia" value="{{ dia_ }}" /></td>
        </tr>
        <tr>
            <td><label for="horario_inicio">Hora de início</label></td>
            <td><input type="text" name="horario_inicio" value="{{ horario_inicio }}" /></td>
        </tr>
        <tr>
            <td><label for="horario_fim">Hora de término</label></td>
            <td><input type="text" name="horario_fim" value="{{ horario_fim }}" /></td>
        </tr>
        <tr>
            <td><label for="turma">Turma</label></td>
            <td>
                <select name="turma" style="width: 600px;">
                    <option value="0">- Selecione -</option>
                    {% if turmas %}
                        {% for turma in turmas %}
                            <option value="{{ turma.id }}" {% if turma.id == turma_ %}selected="selected"{% endif %}>{{ turma }}</option>
                        {% endfor %}
                    {% endif %}
                </select>
            </td>
        </tr>
        <tr>
            <td><label for="evento">Evento</label></td>
            <td>
                <select name="evento" style="width: 600px;">
                    <option value="0">- Selecione -</option>
                    {% if salas %}
                        {% for evento in eventos %}
                            <option value="{{ evento.id }}" {% if evento.id == evento_ %}selected="selected"{% endif %}>{{ evento }}</option>
                        {% endfor %}
                    {% endif %}
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="Solicitar" /></td>
        </tr>
    </table>
</form>
{% endif %}

{% endblock %}

